<button
  [attr.id]="id"
  class="devui-btn devui-btn-{{ bsStyle }} devui-btn-{{ bsSize }} devui-btn-{{ bsPosition }}"
  [class.devui-btn-circle]="shape === 'circle'"
  [type]="type"
  [disabled]="disabled"
  [class.bordered]="bordered"
  [backdrop]="true"
  dLoading
  [showLoading]="showLoading"
  [loadingTemplateRef]="loadingTemplateRef"
  [ngStyle]="{ width: width }"
  [dAutoFocus]="autofocus"
  (click)="onClick($event)"
  [ngClass]="{ 'd-btn-icon': !!icon && !hasContent(), 'd-btn-icon-wrap': !!icon }"
>
  <span *ngIf="!!icon" class="devui-icon-fix icon {{ icon }}" [ngClass]="{ 'clear-right-4': hasContent() }"></span>
  <!--
  --><span class="button-content" [class.devui-btn-more-text-omits]="width !== undefined" #buttonContent><ng-content></ng-content></span>
</button>
